
import React from 'react'

export default class State extends React.Component {
    // state = {
    //     num: 1,
    //     msg:'我是stste组件'
    // }

    constructor() {
        super()
        this.state = {
            num: 1,
            msg: '我是stste组件'
        }

        this.clickHandle = this.clickHandle.bind(this)
    }
    /* 
    箭头函数this指向的问题：
    如果函数内部需要使用this  就需要使用箭头函数，
    如果不需要使用this,没有必要使用箭头函数 
    */
    clickHandle() {
        //clickHandle=()=>{
        console.log(this, 11111);
        this.setState({
            num: this.state.num + 1,
            msg: 'state数据'
        })
    }

    render() {
        console.log(this, 4);
        return (
            <div>类组件==={this.state.num}==={this.state.msg}
                <button onClick={this.clickHandle}>按钮===state</button>
                {/* <button onClick={()=>this.clickHandle()}>按钮===state22</button> */}
            </div>
        )
    }
}